<!--
使用说明：

<ActionButton
 :text="'立即兑换'"
 />


-->

<template>
<div class="wrap">
  <button class="action-btn" @click="doAction">{{text}}</button>
</div>
</template>

<script>
export default {
  props: ['text'],
  data() {
    return {};
  },
  methods: {
    doAction() {
      this.$emit('click');
    }
  }
}
</script>

<style lang="less" scoped>
.wrap {
  .action-btn {
    color: #fff;
    height: 12vw;
    width: 83vw;
    line-height: 12vw;
    font-size: 4.26vw;
    border: none;
    display: block;
    margin: 2.53vw auto;
    border-radius: 6vw;
  }
}
.blue-btn {
  .action-btn {
    background: rgb(0, 143, 239);
    color: #fff;
  }
}
.white-btn {
  .action-btn {
    background:#fff;
    border: 1px solid rgb(0, 143, 239);
    color: rgb(0, 143, 239);
  }
}
</style>



